<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>{$title}-{$Think.lang.web_name}</title>
    {include file="comm/header"/}
</head>
<body>
{include file="comm/left_menu"/}
{include file="comm/top_menu"/}
<div class="container main">
    <div class="col-sm-12 border-bottom text-right"><a class="btn btn-primary mgr-10" href="/system/menu_edit/id/{$menu._menu_id}"><i class="fa fa-plus"></i>&nbsp;{$Think.lang.menu_add}</a></div>
    <div class="col-sm-12">
        <div class="col-sm-12 margin-bottom-10"></div>
        <table class="table table-striped table-bordered table-hover dataTable no-footer" id="myTable_off">
            <thead>
                <tr>
                    <th>{$Think.lang.menu_id}</th>
                    <th>{$Think.lang.menu_title}</th>
                    <th>{$Think.lang.menu_icon}</th>
                    <th>{$Think.lang.menu_name}</th>
                    <th>{$Think.lang.menu_show}</th>
                    <th>{$Think.lang.menu_order}</th>
                    <th>{$Think.lang.manager}</th>
                </tr>
            </thead>

            <tbody>
            {foreach name="menu_list" key="key" id="v" index="i"}
                <tr>
                    <td style="width: 160px;">{$v.menu_id}</td>
                    <td>
                        {$v.add_str|raw}<input type="text" class="input_init" data-field="menu_title" data-id="{$v.menu_id}" value="{$v.menu_title}" data-former="{$v.menu_title}">
                    </td>
                    <td>{$v.menu_icon}</td>
                    <td>{$v.menu_name}</td>
                    <td>
                    {if $v.menu_show == "0"}{$Think.lang.menu_show_0}{/if}
                    {if $v.menu_show == "1"}{$Think.lang.menu_show_1}{/if}
                    </td>
                    <td>
                        <input type="text" class="input_init" data-type="number" data-field="menu_order" data-id="{$v.menu_id}" value="{$v.menu_order}" data-former="{$v.menu_order}">
                    </td>
                    <td style="width: 160px;">
                        <a href="/system/menu_edit/id/{$v.menu_id}" class="btn btn-primary btn-xs mgr-10"><i class="fa fa-pencil"></i> {$Think.lang.edit}</a>
                        <a href="javascript:del('/system/menu_del/id/{$v.menu_id}')" class="btn btn-danger btn-xs"><i class="fa fa-times"></i> {$Think.lang.del}</a>
                    </td>
                </tr>
            {/foreach}
            </tbody>
        </table>
        <!--分页插件HTML start-->
        <div class="col-sm-12" style="padding-top: 1em;">
            <div id="page"></div>
            <div style="line-height: 35px;">
                {$a===($begin=(($get.page-1)*$get.page_rows)+1)} {if $begin > $get.rowCount}{$a==($begin=$get.rowCount)}{/if}
                {$a===($end = $begin+$get.page_rows-1)}{if $end >= $get.rowCount}{$a===($end=$get.rowCount)}{/if}
                共{$get.rowCount}条， 显示 {$begin} 到 {$end} 条
            </div>
        </div>
        <!--分页插件HTML end -->
    </div>
</div>
{include file="comm/footer"/}
<script type="text/javascript">
    $(function () {
        var inputs = $(".input_init");
        inputs.on("blur",function (e) {
            if(this.getAttribute("data-type")==="number"){
                this.setAttribute("type","text");
            }
            /*异步修改部分 start*/
            var v = this.value;
            var f = this.getAttribute("data-field");
            var id = this.getAttribute("data-id");
            var former = this.getAttribute("data-former");
            var token = LO.get("token");
            if(v == former){ return false;}
            $.get("/System/menu_edit_ajax/",{
                id:id, f:f, v:v, token:token
            },function (data) {
                try {
                    data = $.parseJSON(data);
                    if (data.data == 1){
                        tips_success("修改成功",function () {
                            location.reload(true);
                        });
                    }else{
                        tips_success("权限不足");
                    }
                }catch (e) {
                    tips_fail("数据错误");
                }
            });
            /*异步修改部分 end */
        });
        inputs.on("focus",function (e) {
            if(this.getAttribute("data-type")==="number"){
                this.setAttribute("type","number");
            }
        });
    });

    /**********分页插件javascript start */
    //设置分页每页显示的行数
    var default_pageRows =  is_number( parseInt("{$get.page_rows}",10) ) ? parseInt("{$get.page_rows}",10) : 15 ;
    var pageRows = typeof parseInt(LO.get("pageLength",1),10) ==="number" ? parseInt(LO.get("pageLength",1),10) : default_pageRows;

    try {
        pageUtil.initPage('page',
            {
                //总页数，一般从回调函数中获取。如果没有数据则默认为1页	（数据库影响行数）
                totalCount:"{$get.rowCount}"
                //初始化时的默认选中页，默认第一页。如果所填范围溢出或者非数字或者数字字符串，则默认第一页
                ,curPage: is_number(parseInt("{$get.page}",10)) ? parseInt("{$get.page}",10) : 1
                //分页栏显示的数量
                ,showCount:9
                //自定义分页数，默认[5,10,15,20,50] (设置允许每页显示的行数)
                ,pageSizeList:[15,20,25,30,50,75,100,150,200]
                //默认选中的分页数,默认选中第一个。如果未匹配到数组或者默认数组中，则也为第一个 (每页显示的行数)
                ,defaultPageSize: default_pageRows ? default_pageRows : pageRows
                ,isJump:true//是否包含跳转功能，默认false
                ,isPageNum:true//是否显示分页下拉选择，默认false
                ,isPN:true//是否显示上一页和下一面，默认true
                ,isFL:true//是否显示首页和末页，默认true
                ,jump:function(curPage,pageSize){
                    //跳转功能回调，传递回来2个参数，当前页和每页大小。如果没有设置分页下拉，则第二个参数永远为0用到this请自行使用bind方法
                    //点击事件
                    console.log(curPage,pageSize);
                    LO.set("pageLength",pageSize,1);
                    clearTimeout(pageUtil.TIDD);
                    pageUtil.TIDD = setTimeout(function () {
                        location.href="/System/menu_list/page/"+curPage+"/page_rows/"+pageSize+"/?token={$get.token}";
                    },100);
                }
            });
    }catch (e) {

    }
    /***********分页插件javascript end */

</script>
</body>
</html>